<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网上订单</title>
<style type="text/css">
body{
	font-size:13px;
	line-height:25px;
	}
table{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	width:400px;
}
td{
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align:center;
	}
.title{	
	font-weight:bold;
	background-color: #cccccc;
}

      
</style>
<script>
  //1. 为订单增加添加功能，点击可以将上一行订单复制到下一行
  //2. 修改订单数据后，再点击“修改”按钮后，数据完成修改
  //3. 点击“删除”则删除掉该行订单。
</script>
</head>

<body><table width="100%" border="0" cellspacing="0" cellpadding="0" id="order">
  <tr class="title">
    <td>商品名称</td>
    <td>数量</td>
    <td>单价</td>
     <td>操作</td>
  </tr>
  <tr id="row1">
    <td>玫瑰保湿睡眠面膜</td>
    <td>5</td>
    <td>&yen;48</td>
    <td><input name="del" type="button" value="删除"  />
     <input name="edit" type="button" value="修改"   /></td>
  </tr>
  <tr>
    <td style="text-align:center; height:30px;" colspan="4">
    <input name="bsn" type="button" value="增加定单" /></td>
  </tr>
</table>

</body>
</html>
